
// 需求1：设置头像
// function getUserInfo() {
//     axios({
//         method: 'GET',
//         url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
//         headers: {
//             Authorization: localStorage.getItem('token')
//         }
//     }).then(res => {
//         console.log(res.data);
//         if (res.data.status !== 0) {
//             return layer.msg(res.data.message)
//         }
//         layer.msg(res.data.message) //正常
//         let nickname = res.data.data.nickname
//         let username = res.data.data.username
//         let user_pic = res.data.data.user_pic
//         // console.log(nickname) //没值
//         // console.log(username) //lqplqplqp
//         // console.log(user_pic) //null
//         $('.text').text(nickname ? nickname : username)
//         // $('.avatar_text').html(nickname)[0].innerText.substring(0, 1)
//         // console.log($('.avatar_text').html(username)[0].innerText.substring(0, 1))  //l
//         let username_l = $('.avatar_text').html(username)[0].innerText.substring(0, 1)
//         user_pic ? $('.userinfo img').attr('src', user_pic) : nickname ? nickname : $('.avatar_text').html(username_l.toUpperCase())
//         $('.userinfo img').hide()
//     })
// }
// getUserInfo()

$(function () {
    // 需求1：获取用户信息
    getUserInfo()

    // 需求2：退出功能
    $('#logout').on('click', function () {
        layer.confirm('确定退出吗?', function (index) {
            location.href = '/login.html'
            localStorage.removeItem('token')
            layer.close(index);
        });

    })
})

// 获取用户信息 后期子页面需要调用
function getUserInfo() {
    axios({
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        // console.log(res.data.status);
        if (res.data.status !== 0) {
            return layer.msg(res.data.message)
        }
        // 渲染
        renderAvatar(res.data.data)
    })
}

// 渲染头像
function renderAvatar(user) {
    let name = user.nickname || user.username
    $('.text').html('欢迎&nbsp;' + name)
    if (user.user_pic) {
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.avatar-text').hide()
    } else {
        let first = name.substr(0, 1).toUpperCase()
        $('.avatar-text').text(first).css('display', 'inline-block').show()
        $('.layui-nav-img').hide()
    }
}

// 需求2：退出功能
